<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<title>VITADOG</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="VITADOG Homepage">
<meta name="author" content="Garamyunseul">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<!-- for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<style>
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
</style>
<!-- 즐겨찾기 아이콘 세팅-->
<link rel="VITADOG" sizes="144x144" href="img/test/icon.png">
<link rel="VITADOG" sizes="114x114" href="img/test/icon.png">
<link rel="VITADOG" sizes="72x72" href="img/test/icon.png">
<link rel="VITADOG" href="img/test/icon.png">
<link rel="shortcut icon" href="img/test/icon.png">
</head>
<body>
<!-- 
	<nav>
		<div class="navbar navbar-fixed-top">
			<div>
				<div class="container">
					<a class="brand"><img src="img/main/top_logo.png"></a>
					<ul class="nav">
						<li><a href="#">VITADOG</a></li>
						<li><a href="#">PRODUCT</a></li>
						<li><a href="#">NEWS</a></li>
						<li><a href="#">CONTACT</a></li>
					</ul>
				</div>
			</div>
		</div>
	</nav>
-->
<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
        <a class="brand" href="/"><img src="img/main/top_logo.png" alt=""></a>
        <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="spy override active"><a href="#mainCarousel">mainCarousel</a></li>
              <li class="spy"><a href="#fb-root">fb-root</a></li>
              <li class="spy"><a href="#magic">The Magic</a></li>
              <li class="spy"><a href="#developers">Developers</a></li>
              <li class="spy override"><a href="#goodbye"><span>Preorder</span></a></li>
              <li class="mobile"><a href="/preorder"><span>Preorder</span></a></li>
              <li><a href="/faq">FAQ</a></li>
            </ul>
        </div>
    </div>
  </div>
</div>
	<section>
		<div id="mainCarousel" class="carousel slide">
			<ol class="carousel-indicators">
				<li data-target="#mainCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#mainCarousel" data-slide-to="1"></li>
				<li data-target="#mainCarousel" data-slide-to="2"></li>
			</ol>
			<div class="carousel-inner">
				<div class="active item">
					<img src="img/test/test2.jpg">
				</div>
				<div class="item">
					<img src="img/test/test3.jpg">
				</div>
				<div class="item">
					<img src="img/test/test4.jpg">
				</div>
			</div>
			<a class="carousel-control left" href="#mainCarousel"
				data-slide="prev">&lsaquo;</a> <a class="carousel-control right"
				href="#mainCarousel" data-slide="next">&rsaquo;</a>
		</div>
	</section>

	<section>
		<div id="fb-root"></div>
		<script>
			(function(d, s, id) {
				var js, fjs = d.getElementsByTagName(s)[0];
				if (d.getElementById(id))
					return;
				js = d.createElement(s);
				js.id = id;
				js.src = "//connect.facebook.net/ko_KR/all.js#xfbml=1";
				fjs.parentNode.insertBefore(js, fjs);
			}(document, 'script', 'facebook-jssdk'));
		</script>
		<div class="fb-like-box" data-href="http://www.facebook.com/Vitadog" data-width="800" data-show-faces="true" data-stream="true" data-border-color="FFFFFF" data-header="true"></div>
	</section>
	<input type="file" class="multi" maxlength="1"/>
	
	<!-- bottom code -->
	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>

	<script>
		!function($) {
			$(function() {
				$('#mainCarousel').carousel()
			})
		}(window.jQuery)
	</script>
</body>
</html>